<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<title>报名弹出层</title>
<meta name="keywords" content="" />
<meta name="description" content="" />


<link href="css/tanchu.css" rel="stylesheet" type="text/css" />


<script language="JavaScript" src="js/jquery-1.8.3.min.js" type="text/javascript"></script>

<script language="JavaScript" src="js/default1.6.js" type="text/javascript"></script>

<script language="JavaScript" src="js/pageLayer1.0.js" type="text/javascript"></script>
<script type="text/javascript" src="js/popAgency.js"></script>

</head>

<body>
	<script type="text/javascript">
		function showCountryForEnrollincludeTop() {

			var obj = {

				actionUrl : "http://www.job361.com:80/cn/enroll/getCountryJsonAgency.action", //ajax要去调用的action

				inputLabel : "pop2_includeTop", //input标签的id

				hiddenLabel : "hidden2_includeTop", //hidden标签的id

				alertNum : "5", //最多可以选几项   

				hintTitle : "最想去的国家", //弹出层标题

				selectedTitle : "已选国家", //已选项的标题

				confirmFunction : function() {

					checkNotNull(document.getElementById("hidden2_includeTop"),
							'country_includeTop', '该项目必须填写', '');

					if (document.getElementById("pop2_includeTop").value == "") {

						document.getElementById("pop2_includeTop").value = "选择/修改";

					}

				}

			};

			popupChannelAgency(obj); //这是要去调用popAgency.js文件中的popupChannelAgency()方法

		}

		function showIndustryForEnrollincludeTop() {

			var obj = {

				actionUrl : "http://www.job361.com:80/cn/enroll/getIndustryJsonAgency.action", //ajax要去调用的action

				inputLabel : "pop1_includeTop", //input标签的id

				hiddenLabel : "hidden1_includeTop", //hidden标签的id

				alertNum : "3", //最多可以选几项   

				hintTitle : "想从事的行业", //弹出层标题

				selectedTitle : "已选行业", //已选项的标题

				confirmFunction : function() {

					checkNotNull(document.getElementById("hidden1_includeTop"),
							'industry_includeTop', '该项目必须填写', '');

					if (document.getElementById("pop1_includeTop").value == "") {

						document.getElementById("pop1_includeTop").value = "选择/修改";

					}

				}

			};

			popupChannelAgency(obj); //这是要去调用popAgency.js文件中的popupChannelAgency()方法

		}

		function showEnrollLayerincludeTop() {

			var obj = {

				title : "我要报名",

				innerDivId : 'enrollLayerincludeTop',

				zIndex : 2500,

				top : 10

			};

			createPageLayer(obj);

		}

		//提交前的验证函数

		function checkFormForEnrollincludeTop() {

			var checkFlag = true;

			var focusFlag = true;

			if (!checkNotNullAndSize(document
					.getElementById('full_name_check_includeTop'),
					'full_name_includeTop', 50, '该项目必须填写', '该项目长度应在50字以内', '')) {

				checkFlag = false;

				if (focusFlag == true) {//姓名

					document.getElementById('full_name_check_includeTop')
							.focus();

					document.getElementById('full_name_check_includeTop')
							.select();

					focusFlag = false;

				}

			}

			if (!checkNotNullAndIsMobile(document
					.getElementById('mobile_check_includeTop'),
					'mobile_includeTop', '手机号格式不正确', '该项目必须填写', '请输入常用手机号')) {

				checkFlag = false;

				if (focusFlag == true) {//手机号 不为空

					document.getElementById('mobile_check_includeTop').focus();

					document.getElementById('mobile_check_includeTop').select();

					focusFlag = false;

				}

			}

			if (!checkIsMobile(document
					.getElementById('mobile_bak_check_includeTop'),
					'mobile_bak_includeTop', '手机号格式不正确', '请输入紧急联系人手机号')) {

				checkFlag = false;

				if (focusFlag == true) {//手机号 不为空

					document.getElementById('mobile_bak_check_includeTop')
							.focus();

					document.getElementById('mobile_bak_check_includeTop')
							.select();

					focusFlag = false;

				}

			}

			if (!checkSize(document.getElementById('phone_check_includeTop'),
					'phone_includeTop', 50, '该项目长度应在50字以内', '如+86-24-12345678')) {

				checkFlag = false;

				if (focusFlag == true) {//固定电话

					document.getElementById('phone_check_includeTop').focus();

					document.getElementById('phone_check_includeTop').select();

					focusFlag = false;

				}

			}

			if (!checkIsEmail(
					document.getElementById('email_check_includeTop'),
					'email_includeTop', '电子邮件格式不正确', '请输入正确的电子邮件', 50,
					'该项目长度应在50字以内')) {

				checkFlag = false;

				if (focusFlag == true) {//电子邮件

					document.getElementById('email_check_includeTop').focus();

					document.getElementById('email_check_includeTop').select();

					focusFlag = false;

				}

			}

			if (!checkSize(document.getElementById('qq_num_check_includeTop'),
					'qq_num_includeTop', 50, '该项目长度应在50字以内', '请输入正确的QQ号')) {

				checkFlag = false;

				if (focusFlag == true) {//qq号

					document.getElementById('qq_num_check_includeTop').focus();

					document.getElementById('qq_num_check_includeTop').select();

					focusFlag = false;

				}

			}

			if (!checkNotNull(document.getElementById('hidden2_includeTop'),
					'country_includeTop', '该项目必须填写', '')) {

				checkFlag = false;

				if (focusFlag == true) {

					document.getElementById('pop2_includeTop').focus();

					focusFlag = false;

				}

			}

			if (!checkNotNull(document.getElementById('hidden1_includeTop'),
					'industry_includeTop', '该项目必须填写', '')) {

				checkFlag = false;

				if (focusFlag == true) {

					document.getElementById('pop1_includeTop').focus();

					focusFlag = false;

				}

			}

			if (!checkSize(document
					.getElementById('description_check_includeTop'),
					'description_t_includeTop', 500, '该项目长度应在500字以内',
					'长度在500字以内')) {

				checkFlag = false;

				if (focusFlag == true) {

					document.getElementById('description_check_includeTop')
							.focus();

					document.getElementById('description_check_includeTop')
							.select();

					focusFlag = false;

				}

			}

			return checkFlag;

		}

		//提交报名表单

		function submitFormForEnrollincludeTop() {

			if (!checkFormForEnrollincludeTop()) { //表单验证

				return;

			}

			function submitFormDoincludeTop() {

				var wageCheckCombo = document
						.getElementById("wage_check_includeTop");

				//使用ajax提交表单

				$
						.ajax({

							async : true,

							cache : false,

							type : "GET", //如果是跨域请求，这里即使写成POST，也会自动变成GET请求

							dataType : "jsonp",

							jsonp : "callbackParam",

							data : {//"waEnroll.fullName":encodeURI(document.getElementById("full_name_check_includeTop").value),

								"waEnroll.fullName" : document
										.getElementById("full_name_check_includeTop").value,

								"waEnroll.mobile" : document
										.getElementById("mobile_check_includeTop").value,

								"waEnroll.mobileBak" : document
										.getElementById("mobile_bak_check_includeTop").value,

								"waEnroll.phone" : document
										.getElementById("phone_check_includeTop").value,

								"waEnroll.email" : document
										.getElementById("email_check_includeTop").value,

								"waEnroll.qqNum" : document
										.getElementById("qq_num_check_includeTop").value,

								"waEnroll.country" : document
										.getElementById("hidden2_includeTop").value,

								"waEnroll.industry" : document
										.getElementById("hidden1_includeTop").value,

								"waEnroll.wage" : wageCheckCombo.options[wageCheckCombo.selectedIndex].value,

								"waEnroll.description" : document
										.getElementById("description_check_includeTop").value
							}

							,

							url : "http://www.job361.com:80/entercn/enroll/saveFrontForJobEnter.action",

							error : function(XMLHttpRequest, textStatus,
									errorThrown) { //请求失败处理函数

								//alert("提交失败！");

								//这几个参数可以打出错误类型

								alert("请求对象XMLHttpRequest: " + XMLHttpRequest);

								alert("错误类型textStatus: " + textStatus);

								alert("异常对象errorThrown: " + errorThrown);

							},

							success : function(data) { //请求成功后处理函数。

								/*

								if(data.substring(0,9) != "{success:"){

									alert("提交失败！");

									return ;

								}

								var result = eval("(" + data + ")");

								 */

								var result = data; //改为jsonp请求后，从后台传回来的data直接就是json对象，而非json字符串，所以不用eval()函数去转化了。

								if (result.success) {

									closePageLayer();

									var obj = {

										title : '提示',

										text : '报名成功'

									};

									createTipLayer(obj);

								} else {

									alert(result.msg);

									if (result.errorType) {

										if (result.errorType == "mobile"
												&& document
														.getElementById("mobile_check_includeTop")) {

											document.getElementById(
													"mobile_check_includeTop")
													.focus();

										}

									}

								}

							}

						});

			}

			submitFormDoincludeTop();

		}
	</script>
	
	
				<div style="width: 240px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 18px; font-weight: bold; margin-left: 6px; float: right; cursor: pointer; background-color: rgb(256, 68, 00);"
					onclick="showEnrollLayerincludeTop();">&gt;&gt; 点击报名</div>
			

	<!-- 报名弹出层 start -->
	<div id="enrollLayerincludeTop"
		style="display:none; float: right;width: 629px;padding-top: 20px;">
		<div style="float: left;height:46px;width: 307px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 307px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					姓名</div>
				<div style="float: left;height: 25px;width: 200px;">
					<input type="text" name="waEnroll.fullName" value=""
						id="full_name_check_includeTop" class="register_tab_li_input_text"
						onblur="checkNotNullAndSize(this,'full_name_includeTop',50,'该项目必须填写','该项目长度应在50字以内','')" />
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;">
					*</div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 220px;padding-left: 87px;">
				<font id="full_name_includeTop" color="#5F5F5F">请输入你的真实姓名</font>
			</div>
		</div>
		<div style="float: left;height:46px;width: 307px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 307px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					手机号</div>
				<div style="float: left;height: 25px;width: 200px;">
					<input type="text" name="waEnroll.mobile" value=""
						id="mobile_check_includeTop" class="register_tab_li_input_text"
						onblur="checkNotNullAndIsMobile(this,'mobile_includeTop','手机号格式不正确','该项目必须填写','请输入常用手机号')" />
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;">
					*</div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 220px;padding-left: 87px;">
				<font id="mobile_includeTop" color="#5F5F5F">请输入常用手机号</font>
			</div>
		</div>
		<div style="float: left;height:46px;width: 307px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 307px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					联系人手机</div>
				<div style="float: left;height: 25px;width: 200px;">
					<input type="text" name="waEnroll.mobileBak" value=""
						id="mobile_bak_check_includeTop"
						class="register_tab_li_input_text"
						onblur="checkIsMobile(this,'mobile_bak_includeTop','手机号格式不正确','请输入紧急联系人手机号')" />
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;"></div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 220px;padding-left: 87px;">
				<font id="mobile_bak_includeTop" color="#5F5F5F">请输入紧急联系人手机号</font>
			</div>
		</div>
		<div style="float: left;height:46px;width: 307px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 307px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					固定电话</div>
				<div style="float: left;height: 25px;width: 200px;">
					<input type="text" name="waEnroll.phone" value="+86"
						id="phone_check_includeTop" class="register_tab_li_input_text"
						onblur="checkSize(this,'phone_includeTop',50,'该项目长度应在50字以内','如+86-24-12345678')" />
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;"></div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 220px;padding-left: 87px;">
				<font id="phone_includeTop" color="#5F5F5F">如+86-24-12345678</font>
			</div>
		</div>
		<div style="float: left;height:46px;width: 307px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 307px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					电子邮件</div>
				<div style="float: left;height: 25px;width: 200px;">
					<input type="text" name="waEnroll.email" value=""
						id="email_check_includeTop" class="register_tab_li_input_text"
						onblur="checkIsEmail(this,'email_includeTop','电子邮件格式不正确','请输入正确的电子邮件',50,'该项目长度应在50字以内')" />
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;"></div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 220px;padding-left: 87px;">
				<font id="email_includeTop" color="#5F5F5F">请输入正确的电子邮件</font>
			</div>
		</div>
		<div style="float: left;height:46px;width: 307px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 307px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					QQ号</div>
				<div style="float: left;height: 25px;width: 200px;">
					<input type="text" name="waEnroll.qqNum" value=""
						id="qq_num_check_includeTop" class="register_tab_li_input_text"
						onblur="checkSize(this,'qq_num_includeTop',50,'该项目长度应在50字以内','请输入正确的QQ号')" />
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;"></div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 220px;padding-left: 87px;">
				<font id="qq_num_includeTop" color="#5F5F5F">请输入正确的QQ号</font>
			</div>
		</div>
		<div style="float: left;height:46px;width: 614px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 615px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					想去的国家</div>
				<div style="float: left;height: 25px;width: 508px;">
					<input type="hidden" name="waEnroll.country" value=""
						id="hidden2_includeTop" /> <input type="button"
						id="pop2_includeTop" class="register_button_li3_job_enroll"
						value="选择/修改" name="waEnroll.countryName"
						onclick="showCountryForEnrollincludeTop();" />
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;">
					*</div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 528px;padding-left: 87px;">
				<font id="country_includeTop" color="#5F5F5F"></font>
			</div>
		</div>
		<div style="float: left;height:46px;width: 614px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 615px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					想从事行业</div>
				<div style="float: left;height: 25px;width: 508px;">
					<input type="hidden" name="waEnroll.industry" value=""
						id="hidden1_includeTop" /> <input type="button"
						id="pop1_includeTop" class="register_button_li3_job_enroll"
						value="选择/修改" name="waEnroll.industryName"
						onclick="showIndustryForEnrollincludeTop();" />
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;">
					*</div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 528px;padding-left: 87px;">
				<font id="industry_includeTop" color="#5F5F5F"></font>
			</div>
		</div>
		<div style="float: left;height:46px;width: 614px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 25px;width: 615px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					期望工资</div>
				<div style="float: left;height: 25px;width: 508px;">
					<select name="waEnroll.wage" id="wage_check_includeTop"
						style="width: 506px;border: 1px solid #BEBEBE;padding: 0px;line-height: 25px;height: 25px;background-color: #F5F5F5;">
						<option value="">请选择</option>
						<option value="00000-05000">5000 以下</option>
						<option value="05000-08000">5000-8000</option>
						<option value="08000-10000">8000-10000</option>
						<option value="10000-15000">10000-15000</option>
						<option value="15000-20000">15000-20000</option>
						<option value="20000-99999">20000 以上</option>
					</select>
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;"></div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 528px;padding-left: 87px;">
				<font id="wage_includeTop" color="#5F5F5F"></font>
			</div>
		</div>
		<div style="float: left;height:98px;width: 614px;margin: 0px;">
			<div style="line-height: 25px;float: left;height: 77px;width: 615px;">
				<div
					style="color: #666;text-align: right;float: left;height: 25px;width: 80px;padding-right:7px;">
					补充说明</div>
				<div style="float: left;height: 77px;width: 508px;">
					<textarea name="waEnroll.description" cols="45" rows="3"
						id="description_check_includeTop"
						onblur="checkSize(this,'description_t_includeTop',500,'该项目长度应在500字以内','长度在500字以内')"
						style="line-height: 25px;background-color: #F5F5F5;height: 75px;width: 496px;*margin-top: -1px;margin-right: 0px;*margin-bottom: -1px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 10px;border: 1px solid #BEBEBE;"></textarea>
				</div>
				<div
					style="color: #FF4400;text-align: center;float: left;height: 25px;width: 20px;"></div>
			</div>
			<div
				style="line-height: 21px;float: left;height: 21px;width: 528px;padding-left: 87px;">
				<font id="description_t_includeTop" color="#5F5F5F">长度在500字以内</font>
			</div>
		</div>
		<div
			style="display: inline;float: left;height: 39px;width: 402px;margin-left: 227px;margin-top:5px; padding-bottom:10px;">
			<input type="button"
				style="background-color: #FF4700;margin: 0px;padding: 0px;height: 39px;width: 174px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;font-size: 16px;line-height: 39px;font-weight: bold;color: #FFF;text-decoration: none;cursor:pointer;"
				value=" 开始报名" onclick="submitFormForEnrollincludeTop()" />
		</div>
	</div>
	<!-- 报名弹出层 end -->
	
</body>
</html>
